vue 列表渲染 中限制条数

Question

怎么限制只渲染2条数据呢？

<ul>
    <li v-for="i in data" v-text="i"></li>
</ul>

data: ['a','b','c','d']

Answer 1

<ul>
    <li v-for="(i, index) in data" v-if="index < 2" v-text="i"></li>
</ul>

Answer 2

<ul>

<li v-for="i in data.slice(0, 2)" v-text="i"></li>

</ul>