Show the Read more link in the list view webpart using Client side Rendering

Hi,

I have a share point list name as Team.It contains two columns like Role(single line of text) and Name( people and picker).

I want the display the list view webpart like below format using JS Link/Client side rendering concept.

If list contains more than 3 items (display like this)

>TeamMemberName1

>TeamMemberName2

>TeamMemberName3

Readmore... (Read more link should expand all the team members)

If list contains more than 3 items (display like this)

>TeamMemberName1

>TeamMemberName2

>TeamMemberName3

Could you please provide the code.It is very urgent for me.

Thanks for the help!!!