title: How to limit my iterations in VueJs
body: <p>I have this piece of code which is looping through the <code>posts</code> object and populating the table. </p>
  
  <pre><code>&lt;table&gt;
      &lt;tr v-for="post in posts" :key="post.id"&gt;
          &lt;td&gt;{{post.id}}&lt;/td&gt;
          &lt;td&gt;{{post.title}}&lt;/td&gt;
          &lt;td&gt;{{post.body}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Currently I have around 50 <code>posts</code> coming from a third party API call in the <code>posts</code> object.</p>
  
  <p>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 <code>vuejs</code> way of solving it?</p>
  
  <p><strong>PS</strong>: I have just started with <code>vuejs</code>!</p>