Javascript Meteor.js仅影响新插入的子模板

这些是模板：

<template name="postsList">
  {{#each posts}}
    {{>postItem}}
  {{/each}}
</template>

<template name="postItem">
  <div class="more-less">
    <div class="more-block">
      <p>{{{text}}}</p>             
    </div>
    <p class="continued">…</p>
    <a href="#" class="show-more">[ + ]</a>
  </div>
</template>

---

Template.positem.rendered会影响页面中的所有帖子，但我只需要影响新插入的帖子而不会影响现有的帖子。

我将假设新帖子会添加到列表的顶部？如果是的话

<template name="postsList">
    <div class="posts-list">
    {{#each posts}}
        {{>postItem}}
    {{/each}}
    </div>
</template>

<template name="postItem">
    <div class="more-less">
        <div class="more-block">
            <p>{{{text}}}</p>             
        </div>
        <p class="continued">…</p>
        <a href="#" class="show-more">[ + ]</a>
    </div>
</template>

---

不需要使用JavaScript，也不用担心反应性和DOM变异。

这并不能解决我的问题，因为我需要postItem上除css之外的其他操作

<template name="postsList">
    <div class="posts-list">
    {{#each posts}}
        {{>postItem}}
    {{/each}}
    </div>
</template>

<template name="postItem">
    <div class="more-less">
        <div class="more-block">
            <p>{{{text}}}</p>             
        </div>
        <p class="continued">…</p>
        <a href="#" class="show-more">[ + ]</a>
    </div>
</template>

.posts-list .more-less:first-child .more-block {
    height: 20px;
    overflow: hidden;
}