title: How can I make my loop rendering list elements catch only the first time the list is created?
body: <p>It is important that this is done from the template, and not via JQuery DOM class modifications at in my Meteor functions (E.g. without doing this from <code>Template.list.rendered</code>)</p>
  
  <p>I want to be able to do the following:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template name="list"&gt;
  &lt;div id="playlist_container"&gt;
    &lt;ul id="playlist"&gt;
      {{#each my_playlist}}
      {{#each songs}}
          &lt;li id="{{index}}" class="list_element"&gt;
                 //# if list being rendered the first time
                      &lt;div class="hide_song"&gt;&lt;/div&gt;
                 //else
                      &lt;div class="next_song"&gt;&lt;/div&gt;                 
          &lt;/li&gt;
      {{/each}}
      {{/each}}   
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Is something like this possible?</p>