How to limit my iterations in VueJs

I have this piece of code which is looping through the posts object and populating the table.

<table>
    <tr v-for="post in posts" :key="post.id">
        <td>{{post.id}}</td>
        <td>{{post.title}}</td>
        <td>{{post.body}}</td>
    </tr>
</table>

Currently I have around 50 posts coming from a third party API call in the posts object.

How can I limit the iterations to only 10 so that all the 50 posts don't show up and only 10 posts do? What is the most vuejs way of solving it?

PS: I have just started with vuejs!