Max amount of elements to append
<p>What I'm trying should be easy, but I don't seem to be able to figure it out (ore google the problem)</p>

<p>I have elements that I find, after finding them I want to append them to a container. But I don't want to many items so I want to be able to limit the amount of items to be appended.</p>

<p>For example:</p>

<pre><code>&lt;div class="appending"&gt;

&lt;/div&gt;

&lt;div class="toAppend"&gt;

    &lt;div class="box project"&gt;
      &lt;h3&gt;Project Box&lt;/h3&gt;
    &lt;/div&gt;

    &lt;div class="box project"&gt;
      &lt;h3&gt;Project Box&lt;/h3&gt;
    &lt;/div&gt;

    &lt;div class="box social"&gt;
      &lt;h3&gt;Social Box&lt;/h3&gt;
     &lt;/div&gt;

    &lt;div class="box video"&gt;
      &lt;h3&gt;Video Box&lt;/h3&gt;
    &lt;/div&gt;

    &lt;div class="box project"&gt;
      &lt;h3&gt;Project Box&lt;/h3&gt;
    &lt;/div&gt;

    &lt;div class="box social"&gt;
      &lt;h3&gt;Social Box&lt;/h3&gt;
    &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>Here are 3 items in div.toAppend that I would like to append to the div.appending</p>

<pre><code>var appenditems = $(".toAppend").find(".project");
appenditems.appendTo(".appending");
</code></pre>

<p>This is easy, but my problem is that I want to limit the amount of div.project that are appended , for example, only append the first 2 that I find. I'm unsure of any way to do this.</p>
