javascript - Limit the number of items in vue list rendering

Question

How to limit rendering to only 2 pieces of data?

<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>