「関連する投稿」の表示数を制限したい（Tumblr）

前提・実現したいこと

Tumblrで、独自タグ{block:RelatedPosts} {/block:RelatedPosts}を使用し関連する投稿(以下：関連記事)を実装したいです。参考：https://www.tumblr.com/docs/ja/custom_themes

やってみて反映はされたものの、どうやらタグがひとつでも一致すればすべて関連記事として表示されてしまうそうで、パーマリンクページにかなりのスペースを取ってしまって困っています。

表示数５件くらいに絞れたらと思っているのですが、JavaScriptなどの知識がほとんどないため、どうすれば件数を絞れるのか分かりません。

見やすさのため、独自タグなどはすべて省きました。
情報量が少なくて申し訳ありませんが、教えてくださると嬉しいです。

該当のソースコード

html
1
2                <h2>関連記事</h2>
3          <div class="related">
4                <div class="related-post">
5　　　　　　　　　<!--表示数を制限したい記事。
6　　　　　　　該当するものはこれが（恐らく）無限に出力されます-->
7　　　　　　　　　　</div>
8            </div>
9
10

行動規範の内容に同意します

回答1件

ベストアンサー

表示を消すだけならCSSでも可能です。

CSS
1.related-post > .post:nth-child(n + 6) {
2  display: none;
3}
4/* これでもできる
5.related-post > .post:nth-child(5) ~ .post {
6  display: none;
7}
8*/
9```**動くサンプル：**[https://jsfiddle.net/er57dL8t/1/](https://jsfiddle.net/er57dL8t/1/)
10
11---
12
13
14【nth-child() でx個目以降を指定するcss | eturlt.net】
15[http://eturlt.net/blog/20140129/nth-child/](http://eturlt.net/blog/20140129/nth-child/)
16
17【CSSのnth-child()とnth-last-child()の使い方をまとめてみる | bl6.jp】
18[https://bl6.jp/web/css/nth-child-nth-last-child/](https://bl6.jp/web/css/nth-child-nth-last-child/)